<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/css/coudanpin/coudanpin.css">
    
    <title>Document</title>
</head>
<body>
    <div class="layout">
        <header class="mmb_header">
            <h3>
                <a href="/index.html" class="glyphicon glyphicon-chevron-left"></a>
                凑单品
            </h3>
            <div>
                <a href="javascript:void(0)">
                    <img src="/images/header_app.png" alt="">
                </a>
            </div>
        </header>
        <div class="coudanpin-title"></div>
        <div class="selectTitle">
            <div class="selectTitle-left">
                <div class="btn-group shop">
                    <button type="button" class="btn btn-default dropdown-toggle btn-shop" data-shopid="0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span>京东</span> <span class="glyphicon glyphicon-triangle-bottom"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <!-- <li><a href="javascript:;">Action</a></li>
                        <li><a href="javascript:;">Another action</a></li>
                        <li><a href="javascript:;">Something else here</a></li>
                        <li><a href="javascript:;">Separated link</a></li> -->
                    </ul>
                </div>
                <script type="text/template" id="shopTemp">
                    {{each data as value index}}
                        <li class="{{index==0?'active':'';}}" data-shopid="{{value.shopId}}"><a href="javascript:;">{{value.shopName}}</a></li>
                    {{/each}}
                </script>
                <div class="btn-group area">
                    <button type="button" class="btn btn-default dropdown-toggle btn-area" data-areaid='0' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span>华北</span>  <span class="glyphicon glyphicon-triangle-bottom">
                    </button>
                    <ul class="dropdown-menu">
                    <li><a href="javascript:;">Action</a></li>
                    <li><a href="javascript:;">Another action</a></li>
                    <li><a href="javascript:;">Something else here</a></li>
                    <li><a href="javascript:;">Separated link</a></li>
                    </ul>
                </div>
                <script type="text/template" id="areaTemp">
                    {{each data as value index}}
                        <li data-areaid='{{value.areaId}}' class="{{index==0?'active':'';}}"><a href="javascript:;">{{value.areaName}}</a></li>
                    {{/each}}
                </script>
                        <div class="btn-group price">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            全部价格 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu hidden">
                            <li><a href="javascript:;">Action</a></li>
                            <li><a href="javascript:;">Another action</a></li>
                            <li><a href="javascript:;">Something else here</a></li>
                            <li><a href="javascript:;">Separated link</a></li>
                            </ul>
                        </div>
            </div>
            <div class="selectTitle-right">
                <a href="javacript:;"></a>
            </div>
        </div>
        <div class="container productInfo">
            <div class="row">
                <!-- <div class="product">
                        <img src="http://img10.360buyimg.com/n7/jfs/t577/85/103283769/55548/3ecfcbf8/5461b6e1N70e46439.jpg" alt="">
                        <p class="productName">"廿一客(21cake)专用餐具 1人份(不单独配送)"</p>
                        <div class="price">
                            <span>¥0.50</span>
                            <a>去凑单</a>
                        </div>
                </div> -->
                
            </div>
        </div>
        <div id="foot">
            <div class="foot_top">
                <a href="javascript:;">登录</a> <a href="javascript:;">注册</a>
                <a href="#" style="width: 40%; border: 0;">
                    <img src="/images/top.jpg" />返回顶部
                </a>
            </div>
            <div class="footer">
                <p>
                    <a href="javascript:;" onclick="trackEvent('footer下载');" style="color: Red;">手机APP下载
                    </a>
                    <a href="javascript:;">慢慢买手机版</a> -- 掌上比价平台
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
        <script type="text/template" id="productTemp">
            {{each data as value index}}
                <div class="product">
                    <img src="{{value.productImg}}" alt="">
                    <p class="productName">{{value.productName}}</p>
                    <div class="price">
                        <span>{{value.productPrice}}</span>
                        <a>去凑单</a>
                    </div>
                </div>
            {{/each}}
        </script>
    </div>
    <script src="/lib/jquery/jquery.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.js"></script>
    <script src="/js/template.js"></script>
    <script src="/js/coudanpin.js"></script>
</body>
</html>